<template>
  <div class="count-to-wrapper">
    <countTo
      :start-val="startVal"
      :end-val="endVal"
      :duration="duration"
      separator=""
    ></countTo>
  </div>
</template>

<script>
// Property	Description	type	default
// startVal	开始值	Number	0
// endVal	结束值	Number	2017
// duration	持续时间，以毫秒为单位	Number	3000
// autoplay	自动播放	Boolean	true
// decimals	要显示的小数位数	Number	0
// decimal	十进制分割	String	.
// separator	分隔符	String	,
// prefix	前缀	String	''
// suffix	后缀	String	''
// useEasing	使用缓和功能	Boolean	true
// easingFn	缓和回调	Function	—
import countTo from 'vue-count-to'
export default {
  name: 'Count',
  components: {
    countTo
  },
  props: {
    ...countTo.props
  },
  data() {
    return {
      //   // 需要滚动的时间
      //   duration: 5000,
      //   // 初始值
      //   startVal: 0,
      //   // 最终值
      //   endVal: 2018
    }
  },
  mounted() {}
}
</script>

<style lang="less" scoped>
.count-to-wrapper {
  background: #f7f8f9;
  color: #acadb5;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  p {
    margin: 0;
    text-align: center;
  }
}
</style>
